<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>${(systemConfig.shopName)!} - Powered By ${systemConfig.systemName}</title>
<meta name="Author" content="webmall Team" />
<meta name="Copyright" content="webmall" />
<#if (systemConfig.metaKeywords)! != ""><meta name="keywords" content="${systemConfig.metaKeywords}" /></#if>
<#if (systemConfig.metaDescription)! != ""><meta name="description" content="${systemConfig.metaDescription}" /></#if>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<#include "/WEB-INF/template/common/include.ftl">
<link href="${base}/template/shop/css/login.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/register.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/product.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/index.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/article.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/common/css/tabswitch.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/common/css/jquery.citypicker.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${base}/template/shop/js/login.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/register.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/index.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/product.js"></script>
<script type="text/javascript" src="${base}/template/common/js/tabswitch.js"></script>
<script type="text/javascript" src="${base}/template/common/js/jquery.citypicker.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/citylist.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    try
    {
		$(".hotProduct .scrollable").scrollable({
				circular: true,
				speed: 500
			});
    }
    catch(e)
    {
    }
// Tab效果
$('.tab_parent').each(function(i){

		$("#"+this.id +" ul.tab_head").tabs("#"+this.id +" .tabContent", {
			effect: "fade",// 逐渐显示动画
			fadeInSpeed: 500,// 动画显示速度
			event: "click"// 触发tab切换的事件
		});
	 });
	 

	$('.changeRelated').each(function(i){
		$(this).querycity({'data':citysFlight,'tabs':labelFromcity,'hotList':hotList});
	 });


})
</script>
</head>
<body class="index">
	<#include "/WEB-INF/template/shop/header.ftl">
	<div class="body">
		<div class="bodyLeft">
			<div class="productCategory">
            	<div class="middle clearfix">
            		<div class=menuNav>      
      					<div class=navlist>
		        			<#assign rootList=rootProductCategoryList />
		        			<#assign n=1/>
		        			<#include "/WEB-INF/template/common/children.ftl">
		        		</div>
		        	</div>
            	</div>
			</div>
		</div>
		<div class="bodyRight">
			<div class="slider">
				<div class="items">
					<div class="cycle_parent">
						<div id="test1" class="cycle">
								<#list bannerList as list>
									<img src="${base}${list}" />
								</#list>
						</div>
						<div class="cycle_nav" id="test1_btn" style="text-align:center;">
						
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="blank"></div>
		
		
		<div class="body">
			<div class="left">
			
				<div class="hotProduct">
					<div class="tab_parent" id="tab_hotProduct">
						<div class="tabHead">
							<ul class="tab_head">
								<li>
									<a href="javascript:void(0);" class="current" hidefocus="true">推荐商品</a>
								</li>
								<li>
									<a href="javascript:void(0);" name="productAttribute" hidefocus="true">特价商品</a>
								</li>
								<li>
									<a href="javascript:void(0);" name="productAttribute" hidefocus="true">推荐品牌</a>
								</li>
							</ul>
						</div>
						<div class="tabContent">
								<a class="prev browse"></a>
								<div class="scrollable">
									<div class="items">
										<#list hotProductList as list>
											<#if list_index + 1 == 1>
												<div>
												<ul>
											</#if>
											<li>
												<a href="${base}${list.htmlFilePath}">
													<img width="140" height="140" class="lazyload" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
													<#if (list.name?length < 12)>
														<p title="${list.name}">${list.name}</p>
													<#else>
														<p title="${list.name}">${list.name[0..9]}...</p>
													</#if>
													<font color="red">￥${list.price}</font>
												</a>
											</li>
											<#if (list_index + 1) % 4 == 0 && list_has_next && list_index + 1 != 12>
												</ul>
												</div>
												<div>
												<ul>
											</#if>
											<#if ((list_index + 1) % 4 == 0 && !list_has_next) || list_index + 1 == 12>
												</ul>
												</div>
												<#break />
											</#if>
										</#list>
									</div>
								</div>
								<a class="next browse"></a>
						</div>
						<div class="tabContent">
							<a class="prev browse"></a>
								<div class="scrollable">
									<div class="items">
										<#list specPriceProductList as list>
											<#if list_index + 1 == 1>
												<div>
												<ul>
											</#if>
											<li>
												<a href="${base}${list.htmlFilePath}">
													<img width="140" height="140" class="lazyload" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
													<#if (list.name?length < 12)>
														<p title="${list.name}">${list.name}</p>
													<#else>
														<p title="${list.name}">${list.name[0..9]}...</p>
													</#if>
													<font color="red">￥${list.price}</font>
												</a>
											</li>
											<#if (list_index + 1) % 4 == 0 && list_has_next && list_index + 1 != 12>
												</ul>
												</div>
												<div>
												<ul>
											</#if>
											<#if ((list_index + 1) % 4 == 0 && !list_has_next) || list_index + 1 == 12>
												</ul>
												</div>
												<#break />
											</#if>
										</#list>
									</div>
								</div>
								<a class="next browse"></a>
						</div>
						<div class="tabContent">
							<a class="prev browse"></a>
								<div class="scrollable">
									<div class="items">
										<#list brandList as list>
											<#if list_index + 1 == 1>
												<div>
												<ul>
											</#if>
											<li>
											<!--
												<a href="${list.url}"> -->
												<a href="${base}/shop/product!brand.action?brandName=${list.id}" target="_blank">
													<img width="140" height="140" class="lazyload" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
												</a>
											</li>
											<#if (list_index + 1) % 4 == 0 && list_has_next && list_index + 1 != 12>
												</ul>
												</div>
												<div>
												<ul>
											</#if>
											<#if ((list_index + 1) % 4 == 0 && !list_has_next) || list_index + 1 == 12>
												</ul>
												</div>
												<#break />
											</#if>
										</#list>
									</div>
								</div>
								<a class="next browse"></a>
						</div>
					</div>
				</div>
				
			</div>
			<div class="right">
				<div class="paper">
					<div class="paper_title">
						<span>喜悦快报</span>
						<span class="more"><a href="${base}/" target="_blank">更多</a></span>
					</div>
					
					<div class="paper_middle">
						<ul>
							<#list (hotArticleList)! as list>
								<li>
									<#if (list.title?length < 15)>
										<span class="icon">&nbsp;</span><a href="${base}${list.htmlFilePath}" title="${list.title}" target="_blank">${list.title}</a>
									<#else>
										<span class="icon">&nbsp;</span><a href="${base}${list.htmlFilePath}" title="${list.title}" target="_blank">${list.title[0..12]}...</a>
									</#if>
								</li>
								<#if list_index + 1 ==3>
									<#break/>
								</#if>
							</#list>
						</ul>
						<div class="airTicket">
							<div class="paper_title"><span>机票</span></div>
							<div class="content">
							<form class="validationForm" action="${base}/shop/trip!showfare.action" method="post" target="_blank">
								<input type="hidden" name="tickeType" value="s" />
								<input type="hidden" name="cabinClass" value="Y" />
								出发城市:
										<input id="from_cityName" name="fromCityName" relatedId="fromCityCode" class="changeRelated required" type="text" />
									   <input id="fromCityCode" name="fromFlight.fromCity" type="hidden" />
								<br />
								出发城市:
										<input id="to_cityName" name="toCityName"  relatedId="toCityCode" class="changeRelated required" type="text" />
										<input id="toCityCode" name="fromFlight.arriveCity" type="hidden" />
								<br />
								出发日期:
										<input name="fromFlight.departureDate" type="text" id="departureDate" class="required" onFocus="WdatePicker({doubleCalendar:false,minDate:'%y-%M-{%d+0}'})" />
								<br />
								<input type="submit" class="btn_index_ticket" value="机票查询" />
							</form>
							</div>
						
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="blank"></div>
		
		<div class="body">
			<div class="left border">
				<div class="limittime">
					<div class="title">
						<span><strong>限时抢购</strong></span><img src="${base}/template/webmall/images/product/limittime_icon.png" />
					</div>
					<div class="middle">
						<ul>
							<#list limitTimeList as list>
								<li >
									<span style="float:left;">
									<a href="${base}/shop/groupbuy!info.action?id=${list.id}">
										<p>&nbsp;</p>
										<img width="140" height="140" src="${base}${(list.product.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" />
										<#if (list.name?length < 12)>
											<p>${list.name}</p>
										<#else>
											<p>${list.name[0..9]}...</p>
										</#if>
										<p>
											<font color="red">￥${list.price}</font>
										</p>
									</a>
									</span>
									
								<#if list_index + 1 < 4>
									<span style="float:left;">
										<img src="${base}/template/webmall/images/product/limittime_split.png" width="1" height="220" />
									</span>
								</#if>
									
								</li>
								<#if list_index + 1 == 4>
									<#break>
								</#if>
							</#list>
						</ul>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="mul_buy">
					<div class="mul_title">
						<span>团购专区</span>
						<span class="more"><a href="${base}/shop/groupbuy!list.action" target="_blank">更多</a></span>
					</div>
					
					<#list groupbuyList as list>
					<div class="mul_middle">
						<div class="mul_pro">
							<img width="191" height="70" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
							<p>
							${list.name}
							</p>
						</div>
						
						<div class="buy_bg">
							<span class="cur_prince">
							￥${list.price}
							</span>
							<div class="btn_mulbuy addCartItem buyBtn {id: '${list.id}',type:'g'}">购买</div>
						</div>
						
					</div>
					
					<div class="mul_bottom">
						<span><font color="red">57070</font>件</span><span>剩余 <span id="buy_${list.id}" class="show_time {showTime:'buy_${list.id}',remainTime:20000}" ></span></span>
					</div>
					
							<#if list_index + 1 == 1>
								<#break>
							</#if>
					</#list>
				</div>
			</div>
		</div>
		
		<div class="blank"></div>
		<#list indexfloorList as list>
		<div class="productions">
					<div class="left">
						<div class="top">
							<span>${list_index+1}F&nbsp;&nbsp;${list.name}</span>
						</div>
						<div class="middle">
							<#if (list.productCategoryList != null && list.productCategoryList?size > 0)>
								<ul>
									<#list list.productCategoryList as list>
										<li>
											<a href="${base}/shop/product!list.action?id=${list.id}">${list.name}</a>
										</li>
									</#list>
								</ul>
							</#if>
						</div>
						<div class="bottom">
							<div class="cycle_parent">
								<div id="test_${list_index+1}" class="cycle" style="width:195px;height:238px;">
										<#if (list.indexflooradvList != null && list.indexflooradvList?size > 0)>
											<#list list.indexflooradvList as list>
												<img src="${base}${list.picUrl}" width="195" height="238"/>
											</#list>
										</#if>
										
								</div>
								<div class="cycle_nav" style="background:none;" id="test_${list_index+1}_btn"></div>
							</div>
							
							
						</div>
						
					</div>
					<div class="right">
							<div class="tab_parent" id="tab_${list.id}">
								<div class="tabHead">
									<ul class="tab_head">
										<#if (list.indexfloortabList != null && list.indexfloortabList?size > 0)>
											<#if (list.indexfloortabList != null && list.indexfloortabList?size > 0)>
												<#list list.indexfloortabList as list>
													<li>
														<a href="javascript:void(0);" name="productAttribute" hidefocus="true">${list.name}</a>
													</li>
													<#if list_index + 1 == 4>
														<#break>
													</#if>
												</#list>
											</#if>
										</#if>
									</ul>
								</div>
								<#if (list.indexfloortabList != null && list.indexfloortabList?size > 0)>
									<#list list.indexfloortabList as list>
										<div class="tabContent">
											<div class="middle">
												<ul>
													<#list list.productList as list>
														<li >
															<a href="${base}${list.htmlFilePath}">
																<img width="140" height="140" class="lazyload" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
																<#if (list.name?length < 12)>
																	<p>${list.name}</p>
																<#else>
																	<p>${list.name[0..9]}...</p>
																</#if>
																<font color="red">￥${list.price}</font>
															</a>
														</li>
														<#if list_index + 1 == 8>
															<#break>
														</#if>
													</#list>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
										<#if list_index + 1 == 4>
											<#break>
										</#if>
									</#list>
                                    <#else>
                                        <div class="tabContent">
											<div class="middle">
												<ul>
													<li >
													</li>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
                                        
								</#if>
							</div>
					</div>
				<div class="blank"></div>
			</div>
			<div class="blank"></div>
			<#if list_index + 1 == 6>
				<#break>
			</#if>
		</#list>
		
		<!--
		<#list categoryBeanList as list>
		<div class="productions">
					<div class="left">
						<div class="top">
							<span>${list_index+1}F&nbsp;&nbsp;${list.category.name}</span>
						</div>
						<div class="middle">
							<#if (list.childCategory != null && list.childCategory?size > 0)>
								<ul>
									<#list list.childCategory as list>
										<li>
											<a href="${base}/shop/product!list.action?id=${list.id}">${list.name}</a>
										</li>
									</#list>
								</ul>
							</#if>
						</div>
						<div class="bottom">
							<div class="cycle_parent">
								<div id="test_${list_index+1}" class="cycle" style="width:195px;height:238px;">
										<img src="${base}/template/webmall/images/demo/floor_face.png" />
										<img src="${base}/template/webmall/images/demo/floor_face.png" />
										<img src="${base}/template/webmall/images/demo/floor_face.png" />
								</div>
								<div class="cycle_nav" style="background:none;" id="test_${list_index+1}_btn"></div>
							</div>
							
							
						</div>
						
					</div>
					<div class="right">
							<div class="tab_parent" id="tab_${list.category.id}">
								<div class="tabHead">
									<ul class="tab_head">
										<li><a href="javascript:void(0);" class="current" hidefocus="true">特价商品</a></li>
										<#if (list.childCategory != null && list.childCategory?size > 0)>
											<#list list.childCategory as list>
												<li>
													<a href="javascript:void(0);" name="productAttribute" hidefocus="true">${list.name}</a>
												</li>
												<#if list_index + 1 == 4>
													<#break>
												</#if>
											</#list>
										</#if>
									</ul>
								</div>
								<div class="tabContent">
									<div class="middle">
										<ul>
											<#list list.specPriceProduct as list>
													<li >
														<a href="${base}${list.htmlFilePath}">
															<img width="140" height="140" class="lazyload" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
															<#if (list.name?length < 12)>
																<p>${list.name}</p>
															<#else>
																<p>${list.name[0..9]}...</p>
															</#if>
															<font color="red">￥${list.price}</font>
														</a>
													</li>
													<#if list_index + 1 == 8>
														<#break>
													</#if>
											</#list>
										</ul>
										<div class="clearfix"></div>
									</div>
								</div>
								
								<#if (list.children != null && list.children?size > 0)>
									<#list list.children as list>
										<div class="tabContent">
											<div class="middle">
												<ul>
													<#list list.product as list>
														<li >
															<a href="${base}${list.htmlFilePath}">
																<img width="140" height="140" class="lazyload" src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
																<#if (list.name?length < 12)>
																	<p>${list.name}</p>
																<#else>
																	<p>${list.name[0..9]}...</p>
																</#if>
																<font color="red">￥${list.price}</font>
															</a>
														</li>
														<#if list_index + 1 == 8>
															<#break>
														</#if>
													</#list>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
										<#if list_index + 1 == 4>
											<#break>
										</#if>
									</#list>
								</#if>
							</div>
					</div>
				<div class="blank"></div>
			</div>
			<div class="blank"></div>
			<#if list_index + 1 == 6>
				<#break>
			</#if>
		</#list>
		-->
	</div>
	<div class="blank"></div>
	<#include "/WEB-INF/template/shop/footer.ftl">
</body>
</html>